<template name="skeleton">
  <view class="sk-container">
    <view class="data-v-71e217db vue-ref"  data-ref="paging">
      <view class="data-v-0f887f1e paging--data-v-0f887f1e z-paging-content paging--z-paging-content z-paging-content-fixed paging--z-paging-content-fixed z-paging-reached-top paging--z-paging-reached-top" style="true">
        <view class="data-v-71e217db"></view>
        <view class="data-v-0f887f1e paging--data-v-0f887f1e zp-view-super paging--zp-view-super zp-scroll-view-super paging--zp-scroll-view-super" style="true">
          <view class="data-v-0f887f1e paging--data-v-0f887f1e zp-scroll-view-container paging--zp-scroll-view-container zp-absoulte paging--zp-absoulte" style="left:0px;right:0px">
            <scroll-view class="data-v-0f887f1e paging--data-v-0f887f1e vue-ref paging--vue-ref zp-scroll-view paging--zp-scroll-view zp-scroll-view-absolute paging--zp-scroll-view-absolute" 
              data-ref="zp-scroll-view" lower-threshold="50" refresher-background="transparent" refresher-default-style="black" refresher-threshold="40" scroll-into-view="true" scroll-top="0" scroll-y="true" show-scrollbar="true" upper-threshold="5" enable-back-to-top="true">
              <view class="zp-paging-touch-view paging--zp-paging-touch-view data-v-0f887f1e paging--data-v-0f887f1e">
                <view class="zp-paging-main paging--zp-paging-main data-v-0f887f1e paging--data-v-0f887f1e" data-hastouchmove="false" data-isios="false" data-loading="false" data-oldistouchmoving="true" data-pagescrolltop="0" data-refresheraecc="false"
                  data-refresherenabled="true" data-refreshermaxangle="40" data-refreshernotransform="false" data-refresheroutrate="0.65" data-refresherpullrate="0.75" data-refresherthreshold="40" data-scrolltop="0" data-usechatrecordmode="false" data-usecustomrefresher="true"
                  data-usepagescroll="false" data-watchtouchdirectionchange="false" style="transform:none;transition:transform 0.3s cubic-bezier(0.19,1.64,0.42,0.72);;transform:none;transition:transform 0.3s cubic-bezier(0.19,1.64,0.42,0.72)">
                  <view class="zp-custom-refresher-view paging--zp-custom-refresher-view data-v-0f887f1e paging--data-v-0f887f1e" style="margin-top:-40px;background:transparent;opacity:1;">
                    <view class="zp-custom-refresher-container paging--zp-custom-refresher-container data-v-0f887f1e paging--data-v-0f887f1e" style="height:40px;background:transparent;">
                      <view class="zp-custom-refresher-slot-view paging--zp-custom-refresher-slot-view data-v-0f887f1e paging--data-v-0f887f1e">
                        <scoped-slots-refresher class="scoped-ref paging--scoped-ref"></scoped-slots-refresher>
                      </view>
                      <view class="zp-custom-refresher-refresh paging--zp-custom-refresher-refresh data-v-0f887f1e paging--data-v-0f887f1e vue-ref paging--vue-ref" data-ref="refresh"
                        style="height:40px;">
                        <view class="data-v-9e33a538 refresh--data-v-9e33a538" style="height:100%;">
                          <view class="data-v-9e33a538 refresh--data-v-9e33a538 zp-r-container refresh--zp-r-container">
                            <view class="zp-r-left refresh--zp-r-left data-v-9e33a538 refresh--data-v-9e33a538">
                              <image class="data-v-9e33a538 refresh--data-v-9e33a538 zp-r-left-image refresh--zp-r-left-image zp-r-left-image-pre-size refresh--zp-r-left-image-pre-size zp-r-arrow-down refresh--zp-r-arrow-down sk-image" style="width:15px;height:15px;margin-right:4px"></image>
                            </view>
                            <view class="zp-r-right refresh--zp-r-right data-v-9e33a538 refresh--data-v-9e33a538">
                              <text class="zp-r-right-text refresh--zp-r-right-text data-v-9e33a538 refresh--data-v-9e33a538 sk-transparent sk-text-14-2857-742 sk-text" style="color:#555555">继续下拉刷新</text>
                            </view>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                  <view class="zp-paging-container paging--zp-paging-container data-v-0f887f1e paging--data-v-0f887f1e">
                    <view class="zp-paging-container-content paging--zp-paging-container-content data-v-0f887f1e paging--data-v-0f887f1e" style="transform:none;z-index:10;position:relative">
                      <view class="data-v-71e217db">
                        <view class="u-swiper swiper--u-swiper data-v-6b019429 swiper--data-v-6b019429" style="background-color:#f3f4f6;height:293px;border-radius:4px;">
                          <swiper autoplay="false" class="u-swiper__wrapper swiper--u-swiper__wrapper data-v-6b019429 swiper--data-v-6b019429" current="0" display-multiple-items="1" duration="300" easing-function="default"
                            interval="3000" next-margin="0px" previous-margin="0px" style="height:293px;">
                            <swiper-item class="u-swiper__wrapper__item swiper--u-swiper__wrapper__item data-v-6b019429 swiper--data-v-6b019429" style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
                              <view class="u-swiper__wrapper__item__wrapper swiper--u-swiper__wrapper__item__wrapper data-v-6b019429 swiper--data-v-6b019429" style="true">
                                <image class="u-swiper__wrapper__item__wrapper__image swiper--u-swiper__wrapper__item__wrapper__image data-v-6b019429 swiper--data-v-6b019429 sk-image" mode="aspectFill" style="height:293px;border-radius:4px;"></image>
                              </view>
                            </swiper-item>
                          </swiper>
                          <view class="u-swiper__indicator swiper--u-swiper__indicator data-v-6b019429 swiper--data-v-6b019429" style="true"></view>
                        </view>
                      </view>
                      <view class="data-v-71e217db" style="position:relative;top:-40px;">
                        <view class="u-m-l-30 bg-white u-p-l-40 u-p-t-30 u-p-b-30 data-v-71e217db" style="position:absolute;width:95%;border-radius:15px 0px 0px 15px;box-shadow:0px 1px 10px #E8E9EA;">
                          <view class="u-font-28 text-bold data-v-71e217db">
                            <text class="data-v-71e217db sk-transparent sk-text-14-2857-387 sk-text">咨询客服:</text>
                            <text class="u-m-l-20 data-v-71e217db sk-transparent sk-text-14-2857-403 sk-text">晒单加囎</text>
                            <text class="data-v-71e217db sk-transparent sk-text-14-2857-508 sk-text">+优惠券</text>
                            <text class="data-v-71e217db sk-transparent sk-text-14-2857-734 sk-text">+互动好礼</text>
                          </view>
                          <view class="u-flex u-m-t-30 text-bold data-v-71e217db">
                            <view class="u-flex-1 data-v-71e217db">
                              <text class="u-m-r-10 data-v-71e217db sk-transparent sk-text-14-2857-412 sk-text">积分</text>
                              <text class="u-count-num to--u-count-num data-v-b036c66e to--data-v-b036c66e sk-transparent sk-text-14-2857-442 sk-text" style="font-size: 14px; font-weight: bold; color: rgb(0, 0, 0); background-position-x: 50%;">99,999</text>
                            </view>
                            <view class="u-flex-1 data-v-71e217db">
                              <text class="u-m-r-10 data-v-71e217db sk-transparent sk-text-14-2857-629 sk-text">返现</text>
                              <text class="u-count-num to--u-count-num data-v-b036c66e to--data-v-b036c66e sk-transparent sk-opacity" style="font-size:14px;font-weight:bold;color:#000000;">0</text>
                            </view>
                            <view class="u-flex-1 data-v-71e217db" >
                              <text class="u-m-r-10 data-v-71e217db sk-transparent sk-text-14-2857-486 sk-text">优惠券</text>
                              <text class="u-count-num to--u-count-num data-v-b036c66e to--data-v-b036c66e sk-transparent sk-opacity" style="font-size:14px;font-weight:bold;color:#000000;">0</text>
                            </view>
                          </view>
                          <view class="data-v-71e217db" style="position:absolute;top:-15px;right:20px;">
                            <button class="data-v-71e217db sk-button sk-pseudo sk-pseudo-circle" hover-class="none" open-type="contact" plain="true" size="mini" style="border:0px;">
                              <image class="data-v-71e217db sk-image" style="width:55px;height:55px;"></image>
                            </button>
                          </view>
                        </view>
                      </view>
                      <view class="u-m-t-120 hot-bg u-m-l-30 u-p-l-40 u-p-r-40 u-p-t-30 data-v-71e217db sk-image" style="border-radius:15px 0px 0px 15px;">
                        <view class="bg-white b-r-30 data-v-71e217db" style="position:relative;">
                          <view class="u-flex data-v-71e217db" >
                            <view class="u-flex-1 data-v-71e217db" style="margin-bottom:-5px;">
                              <image class="data-v-71e217db sk-image" style="width:100px;height:100px;border-radius:15px 0px 0px 15px;"></image>
                            </view>
                            <view class="u-flex-3 u-p-l-20 data-v-71e217db">
                              <view class="data-v-71e217db">
                                <text class="u-font-34 text-bold data-v-71e217db sk-transparent sk-text-14-2857-135 sk-text">双旦拼团狂欢</text>
                              </view>
                              <view class="data-v-71e217db">
                                <text class="u-font-22 data-v-71e217db sk-transparent sk-text-14-2857-918 sk-text" style="color:#D88715;">专利配方护航 突破成长新高度</text>
                              </view>
                              <view class="u-m-t-10 text-money data-v-71e217db">
                                <text class="u-font-32 u-m-r-5 data-v-71e217db sk-transparent sk-opacity">¥</text>
                                <text class="u-count-num to--u-count-num data-v-b036c66e to--data-v-b036c66e sk-transparent sk-text-14-2857-994 sk-text" style="font-size: 22px; font-weight: bold; color: rgb(193, 109, 9); background-position-x: 50%;">20</text>
                              </view>
                            </view>
                          </view>
                          <view class="data-v-71e217db" style="position:absolute;bottom:-25px;right:10px;">
                            <image class="data-v-71e217db sk-image" style="width:45px;height:45px;"></image>
                          </view>
                        </view>
                        <view class="u-m-t-20 data-v-71e217db">
                          <text class="u-font-32 text-bold data-v-71e217db sk-transparent sk-text-14-2857-11 sk-text">精选商品</text>
                        </view>
                        <view class="u-m-t-20 data-v-71e217db">
                          <view class="u-scroll-list list--u-scroll-list data-v-0e75e492 list--data-v-0e75e492 vue-ref list--vue-ref" data-ref="u-scroll-list">
                            <scroll-view class="u-scroll-list__scroll-view list--u-scroll-list__scroll-view data-v-0e75e492 list--data-v-0e75e492" data-barwidth="20" data-indicatorwidth="0" data-scrollwidth="320.20001220703125" lower-threshold="0" scroll-x="true"
                              upper-threshold="0">
                              <view class="u-scroll-list__scroll-view__content list--u-scroll-list__scroll-view__content data-v-0e75e492 list--data-v-0e75e492">
                                <view class="u-m-r-20 data-v-71e217db">
                                  <view class="bg-white b-r-30 data-v-71e217db" style="width:100px;">
                                    <view class="data-v-71e217db">
                                      <image class="data-v-71e217db sk-image" mode="aspectFill" style="height:100px;width:100px;border-radius:15px 15px 0px 0px;"></image>
                                    </view>
                                    <view class="u-text-center u-p-t-10 u-p-b-20 data-v-71e217db">
                                      <view class="data-v-71e217db sk-transparent sk-text-14-2857-800 sk-text" style="background-position-x: 50%;">会员专享装</view>
                                      <view class="text-money text-bold u-m-t-10 data-v-71e217db">
                                        <text class="u-m-r-5 u-font-24 data-v-71e217db sk-transparent sk-opacity">¥</text>
                                        <text class="u-count-num to--u-count-num data-v-b036c66e to--data-v-b036c66e sk-transparent sk-text-14-2857-564 sk-text" style="font-size: 16px; font-weight: bold; color: rgb(193, 109, 9); background-position-x: 50%;">1,760</text>
                                      </view>
                                    </view>
                                  </view>
                                </view>
                                <view class="u-m-r-20 data-v-71e217db">
                                  <view class="bg-white b-r-30 data-v-71e217db" style="width:100px;">
                                    <view class="data-v-71e217db">
                                      <image class="data-v-71e217db sk-image" mode="aspectFill" style="height:100px;width:100px;border-radius:15px 15px 0px 0px;"></image>
                                    </view>
                                    <view class="u-text-center u-p-t-10 u-p-b-20 data-v-71e217db">
                                      <view class="data-v-71e217db sk-transparent sk-text-14-2857-138 sk-text" style="background-position-x: 50%;">助力成长装</view>
                                      <view class="text-money text-bold u-m-t-10 data-v-71e217db">
                                        <text class="u-m-r-5 u-font-24 data-v-71e217db sk-transparent sk-opacity">¥</text>
                                        <text class="u-count-num to--u-count-num data-v-b036c66e to--data-v-b036c66e sk-transparent sk-text-14-2857-230 sk-text" style="font-size: 16px; font-weight: bold; color: rgb(193, 109, 9); background-position-x: 50%;">2,560</text>
                                      </view>
                                    </view>
                                  </view>
                                </view>
                                <view class="u-m-r-20 data-v-71e217db">
                                  <view class="bg-white b-r-30 data-v-71e217db" style="width:100px;">
                                    <view class="data-v-71e217db">
                                      <image class="data-v-71e217db sk-image" mode="aspectFill" style="height:100px;width:100px;border-radius:15px 15px 0px 0px;"></image>
                                    </view>
                                    <view class="u-text-center u-p-t-10 u-p-b-20 data-v-71e217db">
                                      <view class="data-v-71e217db sk-transparent sk-text-14-2857-325 sk-text" style="background-position-x: 50%;">快乐提升装</view>
                                      <view class="text-money text-bold u-m-t-10 data-v-71e217db">
                                        <text class="u-m-r-5 u-font-24 data-v-71e217db sk-transparent sk-opacity">¥</text>
                                        <text class="u-count-num to--u-count-num data-v-b036c66e to--data-v-b036c66e sk-transparent sk-text-14-2857-913 sk-text" style="font-size: 16px; font-weight: bold; color: rgb(193, 109, 9); background-position-x: 50%;">3,360</text>
                                      </view>
                                    </view>
                                  </view>
                                </view>
                                <view class="u-m-r-20 data-v-71e217db">
                                  <view class="bg-white b-r-30 data-v-71e217db" style="width:100px;">
                                    <view class="data-v-71e217db">
                                      <image class="data-v-71e217db sk-image" mode="aspectFill" style="height:100px;width:100px;border-radius:15px 15px 0px 0px;"></image>
                                    </view>
                                    <view class="u-text-center u-p-t-10 u-p-b-20 data-v-71e217db">
                                      <view class="data-v-71e217db sk-transparent sk-text-14-2857-144 sk-text" style="background-position-x: 50%;">加倍成长装</view>
                                      <view class="text-money text-bold u-m-t-10 data-v-71e217db"></view>
                                    </view>
                                  </view>
                                </view>
                              </view>
                            </scroll-view>
                            <view class="u-scroll-list__indicator list--u-scroll-list__indicator data-v-0e75e492 list--data-v-0e75e492" style="true">
                              <view class="u-scroll-list__indicator__line list--u-scroll-list__indicator__line data-v-0e75e492 list--data-v-0e75e492" style="width:0px;background-color:#f2f2f2">
                                <view class="u-scroll-list__indicator__line__bar list--u-scroll-list__indicator__line__bar data-v-0e75e492 list--data-v-0e75e492 vue-ref list--vue-ref" data-ref="u-scroll-list__indicator__line__bar" style="width:20px;background-color:#3c9cff"></view>
                              </view>
                            </view>
                          </view>
                        </view>
                      </view>
                      <view class="u-m-t-40 bg-white data-v-71e217db">
                        <view class="u-swiper swiper--u-swiper data-v-6b019429 swiper--data-v-6b019429" style="background-color:#f3f4f6;height:130px;border-radius:10px;">
                          <swiper autoplay="false" class="u-swiper__wrapper swiper--u-swiper__wrapper data-v-6b019429 swiper--data-v-6b019429" current="0" display-multiple-items="1" duration="300" easing-function="default"
                            interval="3000" next-margin="30px" previous-margin="30px" style="height:130px;" circular="true"></swiper>
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </scroll-view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
</script>

<style>
	
	.sk-transparent {
	    color: transparent !important;
	  }
	.sk-text-14-2857-742 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text {
	    background-origin: content-box !important;
	    background-clip: content-box !important;
	    background-color: transparent !important;
	    color: transparent !important;
	    background-repeat: repeat-y !important;
	  }
	.sk-text-14-2857-387 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-403 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-508 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-734 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-412 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-442 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-629 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-opacity {
	    opacity: 0 !important;
	  }
	.sk-text-14-2857-486 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-135 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 47.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-918 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 30.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-994 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 61.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-11 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-800 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-564 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-138 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-230 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-325 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-913 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-144 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-button {
	    color: #EFEFEF !important;
	    background: #EFEFEF !important;
	    border: none !important;
	    box-shadow: none !important;
	  }
	.sk-image {
	    background: #EFEFEF !important;
	  }
	.sk-pseudo::before, .sk-pseudo::after {
	      background: #EFEFEF !important;
	      background-image: none !important;
	      color: transparent !important;
	      border-color: transparent !important;
	    }
	.sk-pseudo-rect::before, .sk-pseudo-rect::after {
	      border-radius: 0 !important;
	    }
	.sk-pseudo-circle::before, .sk-pseudo-circle::after {
	      border-radius: 50% !important;
	    }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
	  }
</style>
